home *** CD-ROM | disk | FTP | other *** search
/ Practical Internet 2001 July / Practical Internet July 2001.iso / Software / Browsing / comps280.exe / setup.exe / {app} / Templates / HTMLTreeFrame.tpl < prev    next >
Encoding:
Text File  |  2000-03-02  |  3.4 KB  |  150 lines
  1. #############################################################################
  2. # Compass Sample Export Template
  3. # HTMLTreeFrame.tpl
  4. #############################################################################
  5.  
  6. %AUTO_VIEW=N
  7.  
  8. #############################################################################
  9. # TREE_CONTENTS
  10. #############################################################################
  11.  
  12. {FOLDERS:TREE_CONTENTS}
  13.         <!-- Item -->
  14.         <DIV CLASS="styChild" ><A HREF="$TITLE_ID$.htm" TARGET="ListFrame">$TITLE$</A><br></DIV>
  15. {/FOLDERS}
  16.  
  17. {F1:TREE_CONTENTS}
  18. {/F1}
  19.  
  20. #############################################################################
  21. # CATEGORY_TREE
  22. #############################################################################
  23.  
  24. {FOLDERS:CATEGORY_TREE}
  25. {/FOLDERS}
  26.  
  27. {F1:CATEGORY_TREE}
  28.     <!-- ==================================== -->
  29.     <!-- Begin of Folder "Features" -->
  30.     <TR>
  31.     <!-- button image -->
  32.     <TD ALIGN="right" VALIGN="top">
  33.     <IMG SRC="minus.gif" ID="$TITLE_ID$" CLASS="styImgBtn" HSPACE='4' HEIGHT='9' WIDTH='9' ONCLICK="ToggleDisplay($TITLE_ID$, $TITLE_ID$_CONTENTS);">
  34.     </TD>
  35.  
  36.     <!-- $TITLE$ -->
  37.     <TD COLSPAN="2" style="padding-right:5;">
  38.     <DIV CLASS="styParent">
  39.         <A HREF="$TITLE_ID$.htm" TARGET="ListFrame">$TITLE$<br></div>
  40.  
  41.     <!-- Contents -->
  42.     <DIV CLASS="styChildren" ID="$TITLE_ID$_CONTENTS"  style="display:'';">
  43. $TREE_CONTENTS$
  44.     </DIV>
  45.     </td>
  46.     </TR>
  47.     <!-- End of Folder -->
  48.  
  49. {/F1}
  50.  
  51.  
  52. #############################################################################
  53. # The main output file:
  54. # Suggested output file path: Compass\Output\TREEFRAME.HTM
  55. #
  56. # You will need the following three files
  57. #    Output\plus.gif
  58. #    Output\minus.gif
  59. #    Output\Main.htm
  60. # and the right hand side frame (LISTFRAME.HTM).
  61. #############################################################################
  62.  
  63. {MAIN:*.HTM}
  64. <!doctype html public "-//w3c//dtd html 3.2 final//en">
  65. <html>
  66. <head>
  67. <title>Compass $VERSION$ Template Sample - HTMLTreeFrame</title>
  68. <meta name="Generator" content="Compass $VERSION$">
  69. <meta name="Author" content="$USER$">
  70. <meta name="Keywords" content="compass, bookmark, favorite, $USER$">
  71. <meta name="Description" content="Compass $VERSION$ Template Sample - HTMLTreeFrame">
  72. </head>
  73.  
  74. <style TYPE="text/css">
  75.     BODY
  76.     {
  77.         font-family: Verdana, MS Sans Serif;
  78.         background-color="#FFFFCC";
  79.     }
  80.     A:HOVER
  81.     {
  82.         color:"red";
  83.     }
  84.     IMG.styImgBtn
  85.     {
  86.         cursor: hand;
  87.     }
  88.     .styParent
  89.     {
  90.         font-size: 80%;
  91.         font-style: normal;
  92.         font-variant: normal;
  93.         font-weight: bold;
  94.         line-height: 90%;
  95.         margin-top: 5px;
  96.         padding-bottom: 2px
  97.     }
  98.     DIV.styChildren DIV    
  99.     {
  100.         font-size: 70%;
  101.         font-style: normal;
  102.         font-variant: normal;
  103.         font-weight: normal;
  104.         line-height: 100%;
  105.         padding-bottom: 4px
  106.     }
  107.     DIV.styChild
  108.     {
  109.         margin-top: 3px;
  110.         margin-left: 8px;
  111.         padding-bottom: 3px
  112.     }
  113. </style>
  114.  
  115. <script LANGUAGE="JavaScript"><!--
  116.     function ToggleDisplay( oButton, oItems )
  117.     {
  118.     if( oItems.style.display == "none" )
  119.     {
  120.         oItems.style.display = "";
  121.         oButton.src = "minus.gif";
  122.     }
  123.     else
  124.     {
  125.         oItems.style.display = "none";
  126.         oButton.src = "plus.gif";
  127.     }
  128.     return false;
  129.     }
  130. //--></script>
  131. </head>
  132.  
  133.  
  134. <body>
  135.  
  136. <center><b>Categories</b></center>
  137.  
  138. <br>
  139.  
  140. <TABLE>
  141. $CATEGORY_TREE$
  142. </TABLE>
  143.  
  144. </body>
  145.  
  146. </html>
  147. {/MAIN}
  148.  
  149. #############################################################################
  150.